<gm:page title="KinGBin Runs Version 2.0" authenticate="false">   
   
  <!--
    The feed reader application demonstrates the JS API's list function
    setData(). Users can create a feed of their favorite blogs and then
    dynamically set the data set of a list control to display the
    different blog entries.
    @author:GME Team
  -->

  <style>
   .gm-pager-button {     
     background:#C3D9FF;
     border:medium none;
     color:#112ABB;
     cursor:pointer;
     padding:2px;
     text-decoration:underline;
    }      
  </style>

  <script>
    function changeData(entry) {
      if (entry) {
        var urlGPath = new GPath("atom:link[@rel='alternate']/@href");
        var urlString = urlGPath.getValue(entry);
        google.mashups.getObjectById('blogEntryList').setData(urlString);
      }
      else {
        google.mashups.getObjectById('blogEntryList').setData(null);
      }
    }
  </script>

  <div class="gm-app-header">
    <h1>KinGBin Runs</h1>
  </div>
   
  <br/>
  
  <gm:list id="blogEntryList2" pagesize="5" template="myListTemplate" data="http://pipes.yahoo.com/pipes/pipe.run?_id=04563565448ee8ede3f53f2767a0d2ae&_render=rss"/>

   <gm:template id="myListTemplate" >
    <table class="blue-theme">
        <tr repeat="true">
          <td style="padding-bottom:10px">
            <b><gm:link ref="atom:link/@href" labelref="atom:title" /></b>
            <br/>
            <gm:html ref="atom:summary"/>
          </td>
        </tr>
    </table>
  </gm:template>
</gm:page>
